.information-banner{
    position: relative;
    min-height: 240px;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('@/assets/img/information/information-bg.png');
    background-repeat: no-repeat;
    .banner-name{
        position: absolute;
        top: 98px;
        // left: 10%;
        color: #ffffff;
        font-size: 32px;
        font-weight: 500;
    }
    .banner-name-box{
        max-width: 1200px;
        margin: 0px auto;
      }
}

@media screen and (max-width: 1200px) {
    .information-banner{
        .banner-name-box{
            max-width: 992px;
    
        }
    }
}

@media screen and (max-width: 992px) {
    .information-banner{
        .banner-name-box{
            max-width: 832px;
     
        }
    }
}

@media screen and (max-width: 768px) {
    .information-banner{
        height: 104px;
        min-height: 104px;
        background-image: url('@/assets/img/information/information-bg1.png');
        .banner-name-box{
            max-width: 100%;
            .banner-name{
                top: 40px;
                left: 16px;
                font-size: 20px;
                font-weight: 500;
            }
        }
    }
}
